<template>
	<div class="order-item">
	<router-link :to="{ name: 'OrderDetail', params: { orderId: 123 }}">
    	<h3>
    		<p>2017.04.15 08:50</p>
    		<b>上海区松江万达店</b>
    		<span>已提交</span>
    	</h3>
		<ul>
			<li>
				<label>服务类型：</label>
				<p class="em">工程服务</p>
			</li>
			<li>
				<label>服务明细：</label>
				<p>
					工程服务工程服务工程服务
					工程服务 工程服务工程服务
					工程服务工程服务工程服务
					工程服务工程服务工程服务
					工程服务工程服务工程服务
				</p>
			</li>
			<li>
				<label>预期进场时间：</label>
				<p>2017.6.23</p>
			</li>
			<li>
				<label>合同时间：</label>
				<p>2017.6.23 - 2017.6.23</p>
			</li>
			<li>
				<label>合同金额：</label>
				<p>￥2000.00</p>
			</li>
		</ul>
		<div class="contact">
			<label>20.7.04.15 05:50</label>
			<span @click.stop="openMenu">李先生</span>
		</div>
		<div class="appraise">
			<router-link :to="{ name: 'OrderAppraise', params: { orderId: 123 }}">马上评价</router-link>
		</div>
	</router-link>
	</div>
    	
</template>

<script>

	import http from '../services/http';
	
    export default {
    	name:'order-item',
        data() {
	      return {
	      	
	      }
	    },
	    props:{
    		toast:{
    			type: Function,
    			required: true
    		},
    		openMenu:{/*电话弹窗*/
    			type: Function,
    			required: true
    		},
    	},
    	methods:{
    	},
	    mounted() {
	    	
	    },
    };
	
	
	 
	
</script>

